<!DOCTYPE html>
<html lang="zxx">

<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">


    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>冬梆浩祥 为您的健康带来新鲜的营养</title>

    <!-- Fav Icons -->
    <link rel="shortcut icon" href="assets/img/favicon.png" type="image/x-icon">

    <!-- Stylesheets -->
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/responsive.css">

</head>

<body>
	<div id="index">
    <div class="page-wrapper">

        <!-- Preloader -->
        <div class="preloader"></div>


        <!--====================================================================
                                Start Header area
        =====================================================================-->
        <header class="main-header">
            <div class="container">
                <div class="header-inner">
                    <div class="logo">
                        <a href="index.html"><img src="assets/img/logo.png" alt="Main Logo"></a>
                    </div>

                    <div class="categories">
                        <button><i class="flaticon-list"></i>
                        <span>商品分类</span></button>
                        <ul>
                            <li v-for="(classify,i) in classifyList"><a :href="'shop.html?id='+classify.id" ><i class="flaticon-chicken-hand-drawn-outline"></i> {{classify.classifyName}}</a>
							    
							</li>
                            
                        </ul>
                    </div>

                    <form action="shop.html" class="menu-search" method="get" accept-charset="utf-8" οnsubmit="document.charset='utf-8';" >
                        <!-- <select name="select-category">
                            <option value="option-1">All Categories</option>
                            <option value="option-2">Fruits and Vegetables</option>
                            <option value="option-3">Meat and Fish</option>
                            <option value="option-4">Home and Cleaning</option>
                            <option value="option-5">Pest Control</option>
                            <option value="option-6">Office Products</option>
                            <option value="option-7">Beauty Products</option>
                            <option value="option-8">Health Products</option>
                            <option value="option-9">Pet Care</option>
                            <option value="option-10">Home Appliances</option>
                            <option value="option-11">Baby Care</option>
                        </select> -->
                        <input type="search"  name="name" required>
                        <button type="submit" style="width: 150px;">搜索</button>
                    </form>

                    <div class="menu-collections">
                        <!-- <div class="collection-item watch">
                            <i class="flaticon-heart"></i>
                            <div class="collection-inner">
                                <div class="alert single-collection">
                                    <button data-dismiss="alert"><i class="flaticon-delete-button"></i></button>
                                    <div class="collection-image">
                                        <img src="assets/img/shop/cart-1.png" alt="">
                                    </div>
                                    <div class="collection-content">
                                        <p>Danish Full Cream Milk</p>
                                        <h6>$120.00</h6>
                                    </div>
                                </div>
                                <div class="alert single-collection">
                                    <button data-dismiss="alert"><i class="flaticon-delete-button"></i></button>
                                    <div class="collection-image">
                                        <img src="assets/img/shop/cart-2.png" alt="">
                                    </div>
                                    <div class="collection-content">
                                        <p>Healthy Yellow Papaya</p>
                                        <h6>$120.00</h6>
                                    </div>
                                </div>
                                <div class="collection-btn">
                                    <a href="cart.html" class="theme-btn bg-blue no-shadow mx-auto">Add to Cart</a>
                                </div>
                            </div>
                        </div> -->
                        <!-- <div class="collection-item cart">
                            <i class="flaticon-shopping-cart"></i>
                            <div class="collection-inner">
                                <div class="alert single-collection">
                                    <button data-dismiss="alert"><i class="flaticon-delete-button"></i></button>
                                    <div class="collection-image">
                                        <img src="assets/img/shop/cart-1.png" alt="">
                                    </div>
                                    <div class="collection-content">
                                        <p>Danish Full Cream Milk</p>
                                        <h6>$120.00</h6>
                                    </div>
                                </div>
                                <div class="alert single-collection">
                                    <button data-dismiss="alert"><i class="flaticon-delete-button"></i></button>
                                    <div class="collection-image">
                                        <img src="assets/img/shop/cart-2.png" alt="">
                                    </div>
                                    <div class="collection-content">
                                        <p>Healthy Yellow Papaya</p>
                                        <h6>$120.00</h6>
                                    </div>
                                </div>
                                <div class="collection-btn">
                                    <a href="cart.html" class="theme-btn bg-blue no-shadow mr-10">View Cart</a>
                                    <a href="checkout.html" class="theme-btn ml-auto no-shadow">Checkout</a>
                                </div>
                            </div>
                        </div> -->
                        <div class="collection-item profile">
                            <i class="flaticon-user-1"></i>
                            <div class="collection-inner">
                                <ul>
                                    <li><a href="cart.html">购物车</a></li>
                                    <li><a href="user.html">用户中心</a></li>
                                    <li v-if="islogin"><a href="sign-in.html">登录</a></li>
                                    <!-- <li><a href="sign-up.html">Sign Up</a></li> -->
                                </ul>
                            </div>
                        </div>
                    </div>

                    <!-- <div class="main-menu">
                        <button><i class="flaticon-list-menu"></i></button>
                        <ul>
                            <li><a href="index.html">Home</a></li>
                            <li class="dropdown"><a href="#">Blog</a>
                                <ul>
                                    <li><a href="blog.html">All Blog</a></li>
                                    <li><a href="blog-details.html">Blog Details</a></li>
                                </ul>
                            </li>
                            <li class="dropdown"><a href="#">Shop</a>
                                <ul>
                                    <li><a href="shop.html">Shop Page</a></li>
                                    <li><a href="shop-details.html">Shop Details</a></li>
                                    <li><a href="cart.html">Cart Page</a></li>
                                    <li><a href="checkout.html">Checkout</a></li>
                                </ul>
                            </li>
                            <li class="dropdown"><a href="#">Pages</a>
                                <ul>
                                    <li><a href="sign-in.html">Sign In</a></li>
                                    <li><a href="sign-up.html">Sign Up</a></li>
                                </ul>
                            </li>
                            <li><a href="contact.html">Contact</a></li>
                        </ul>
                        <div class="menu-overlay"></div>
                    </div> -->
                </div>
            </div>
            <div class="collection-close"></div>
        </header>
        <!--====================================================================
                                End Header area
        =====================================================================-->



        <!--====================================================================
            Start Hero Section
        =====================================================================-->
        <section class="hero-section">
            <div class="hero-slider">

                <!-- hero-slide-item -->
                <div class="hero-slide-item" style="background-image:url(assets/img/hero/00.png);">
                    <div class="container">

                        <div class="hero-inner">
                            <h1 class="mb-20 light">在线 <span>下单</span>,</h1>
							<h1 class="mb-20 light">新鲜 <span>营养</span> 健康</h1>
                            <p class="mb-40 mr-120 light">感谢您来！</p>
							<p class="mb-40 mr-120 light">我们承诺！每一件产品都是来着我们的乡民手中。每一颗果实都是由汗水灌溉，每一颗蔬菜都是土生土长...您的选择将直接帮助乡民走出贫困！</p>
                            <!-- <p class="mb-40 mr-120 light">您的选择将直接帮助乡民走出贫困！</p> -->
							<div class="hero-btn">
                                <a href="shop.html" class="theme-btn">立即选购</a>
                            </div>
                        </div>

                    </div>
                </div>

                <!-- hero-slide-item -->
                <!-- <div class="hero-slide-item" style="background-image:url(assets/img/hero/bg1.jpg);">
                    <div class="container">

                        <div class="hero-inner">
                            <h1 class="mb-20 light">World wide <span>free shipping</span></h1>
                            <p class="mb-40 mr-120 light">Ipsum dolor sit amet, consectetur adipisicing elitsed do eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo do consequat.</p>
                            <div class="hero-btn">
                                <a href="shop.html" class="theme-btn">Order Now</a>
                            </div>
                        </div>

                    </div>
                </div> -->

            </div>
        </section>
        <!--====================================================================
            End Hero Section
        =====================================================================-->



        <!--====================================================================
            Start Special Offer Section
        =====================================================================-->
        <section class="special-offer text-center pt-110 rpt-70 pb-35">
            <div class="container">
                <div class="section-title mb-15">
                    <h2>当季推荐</h2>
                    <p>当季新鲜推荐</p>
                </div>
                <div class="row justify-content-center">
                    <div class="col-lg-10">

                        <div class="special-offer-inner special-offer-slider">


                            <!--single Product -->
                            <div class="single-product" v-for="(newProduct,n) in newProducts">
                                <div  class="special-offer-product bg-white m-25 p-25 b1 br-5">
                                    <!-- <div class="off">10%<span>off</span></div> -->
                                    <div class="product-img-wrap">
                                        <img src="assets/img/product/product2.png" alt="img">
                                    </div>
                                    <div class="product-content">
                                        <div class="offer-product-price">
                                            <span class="discounted-price">￥{{newProduct.singlePrice}}</span>
                                            <!-- <span class="actual-price has-discount">$120.00</span> -->
                                        </div>
                                        <p>{{newProduct.productName}}</p>
                                    </div>
                                    <div class="product-action">
                                        <a :href="'shop-details.html?id='+newProduct.id"  class="add-to-btn">立即购买</a>
                                        <div class="add-wishlist wish">
                                            <i class="fa fa-heart-o"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>


                            <!-- single Product -->
                            <!-- <div class="single-product">
                                <div class="special-offer-product bg-white m-25 p-25 b1 br-5">
                                    <div class="off">10%<span>off</span></div>
                                    <div class="product-img-wrap">
                                        <img src="assets/img/product/product2.png" alt="img">
                                    </div>
                                    <div class="product-content">
                                        <div class="offer-product-price">
                                            <span class="discounted-price">$100.00</span>
                                            <span class="actual-price has-discount">$120.00</span>
                                        </div>
                                        <p>Chashi Aromatic Chinigura Rice (1 Bag 5 kg)</p>
                                    </div>
                                    <div class="product-action">
                                        <a href="#" class="add-to-btn">Add to Cart</a>
                                        <div class="add-wishlist">
                                            <i class="fa fa-heart-o"></i>
                                        </div>
                                    </div>
                                </div>
                            </div> -->


                            <!--single Product -->
                            <!-- <div class="single-product">
                                <div class="special-offer-product bg-white m-25 p-25 b1 br-5">
                                    <div class="off">10%<span>off</span></div>
                                    <div class="product-img-wrap">
                                        <img src="assets/img/product/product3.png" alt="img">
                                    </div>
                                    <div class="product-content">
                                        <div class="offer-product-price">
                                            <span class="discounted-price">$100.00</span>
                                            <span class="actual-price has-discount">$120.00</span>
                                        </div>
                                        <p>Chashi Aromatic Chinigura Rice (1 Bag 5 kg)</p>
                                    </div>
                                    <div class="product-action">
                                        <a href="#" class="add-to-btn">Add to Cart</a>
                                        <div class="add-wishlist">
                                            <i class="fa fa-heart-o"></i>
                                        </div>
                                    </div>
                                </div>
                            </div> -->


                            <!--single Product -->
                            <!-- <div class="single-product">
                                <div class="special-offer-product bg-white m-25 p-25 b1 br-5">
                                    <div class="off">10%<span>off</span></div>
                                    <div class="product-img-wrap">
                                        <img src="assets/img/product/product4.png" alt="img">
                                    </div>
                                    <div class="product-content">
                                        <div class="offer-product-price">
                                            <span class="discounted-price">$100.00</span>
                                            <span class="actual-price has-discount">$120.00</span>
                                        </div>
                                        <p>Chashi Aromatic Chinigura Rice (1 Bag 5 kg)</p>
                                    </div>
                                    <div class="product-action">
                                        <a href="#" class="add-to-btn">Add to Cart</a>
                                        <div class="add-wishlist">
                                            <i class="fa fa-heart-o"></i>
                                        </div>
                                    </div>
                                </div>
                            </div> -->


                            <!--single Product -->
                            <!-- <div class="single-product">
                                <div class="special-offer-product bg-white m-25 p-25 b1 br-5">
                                    <div class="off">10%<span>off</span></div>
                                    <div class="product-img-wrap">
                                        <img src="assets/img/product/product3.png" alt="img">
                                    </div>
                                    <div class="product-content">
                                        <div class="offer-product-price">
                                            <span class="discounted-price">$100.00</span>
                                            <span class="actual-price has-discount">$120.00</span>
                                        </div>
                                        <p>Chashi Aromatic Chinigura Rice (1 Bag 5 kg)</p>
                                    </div>
                                    <div class="product-action">
                                        <a href="#" class="add-to-btn">Add to Cart</a>
                                        <div class="add-wishlist">
                                            <i class="fa fa-heart-o"></i>
                                        </div>
                                    </div>
                                </div>
                            </div> -->

                        </div>

                    </div>
                </div>

            </div>
        </section>
        <!--====================================================================
            End Special Offer Section
        =====================================================================



        <!--====================================================================
            Start advertise Section one
        =====================================================================-->
        <section class="advertise-offer pt-60 pb-50 rpt-20 rpb-10">
            <div class="container">
                <div class="row col-gap-40">
                    <div class="col-lg-7 rmb-30">
                        <div class="advertise d-flex align-items-center justify-content-between h-100 bg-color1 br-5">
                            <div class="advertise-text pt-40 pl-40 pb-40">
                                <h6>美味粗粮</h6>
                                <h3>绿色 无公害</h3>
                                <p>您买到的绝不会是大棚种植的</p>
                                <a href="shop.html?id=2" class="theme-btn">立即选购</a>
                            </div>
                            <div class="advertise-img pr-20">
                                <img src="assets/img/product/f1.png" alt="">
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-5">
                        <div class="advertise d-flex align-items-center justify-content-between h-100 bg-color2 br-5">
                            <div class="advertise-text pt-40 pl-40 pb-40">
                                <h6>特色手工艺品</h6>
                                <h3>匠心 良心</h3>
                                <p>纯手工制作，每一处都是用心</p>
                                <a href="shop.html?id=5" class="theme-btn">立即选购</a>
                            </div>
                            <div class="advertise-img  pr-20">
                                <img src="assets/img/product/f2.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </section>
        <!--====================================================================
            End advertise Section one
        =====================================================================-->



        <!--====================================================================
            Start categories-product Section
        =====================================================================-->
        <!-- <section class="categories-section text-center pt-60 pb-30">
            <div class="container">
                <div class="section-title mb-45">
                    <h2>Shop by Categories</h2>
                    <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
                </div>
                <div class="row">

                    <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 mb-30">
                        <a href="shop.html" class="categori-item bg-white br-5">
                            <div class="categori-img d-flex align-items-center justify-content-center">
                                <img src="assets/img/product/product5.png" alt="img">
                            </div>
                            <div class="categori-name">
                                <span>Fruits and Vegetables</span>
                            </div>
                        </a>
                    </div>

                    <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 mb-30">
                        <a href="shop.html" class="categori-item bg-white br-5">
                            <div class="categori-img d-flex align-items-center justify-content-center">
                                <img src="assets/img/product/product6.png" alt="img">
                            </div>
                            <div class="categori-name">
                                <span>Meat and Fish</span>
                            </div>
                        </a>
                    </div>

                    <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 mb-30">
                        <a href="shop.html" class="categori-item bg-white br-5">
                            <div class="categori-img d-flex align-items-center justify-content-center">
                                <img src="assets/img/product/product7.png" alt="img">
                            </div>
                            <div class="categori-name">
                                <span>Home Cleaning</span>
                            </div>
                        </a>
                    </div>

                    <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 mb-30">
                        <a href="shop.html" class="categori-item bg-white br-5">
                            <div class="categori-img d-flex align-items-center justify-content-center">
                                <img src="assets/img/product/product8.png" alt="img">
                            </div>
                            <div class="categori-name">
                                <span>Pest Control</span>
                            </div>
                        </a>
                    </div>

                    <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 mb-30">
                        <a href="shop.html" class="categori-item bg-white br-5">
                            <div class="categori-img d-flex align-items-center justify-content-center">
                                <img src="assets/img/product/product9.png" alt="img">
                            </div>
                            <div class="categori-name">
                                <span>Office Products</span>
                            </div>
                        </a>
                    </div>

                    <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 mb-30">
                        <a href="shop.html" class="categori-item bg-white br-5">
                            <div class="categori-img d-flex align-items-center justify-content-center">
                                <img src="assets/img/product/product10.png" alt="img">
                            </div>
                            <div class="categori-name">
                                <span>Beauty Products</span>
                            </div>
                        </a>
                    </div>

                    <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 mb-30">
                        <a href="shop.html" class="categori-item bg-white br-5">
                            <div class="categori-img d-flex align-items-center justify-content-center">
                                <img src="assets/img/product/product11.png" alt="img">
                            </div>
                            <div class="categori-name">
                                <span>Health Products</span>
                            </div>
                        </a>
                    </div>

                    <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 mb-30">
                        <a href="shop.html" class="categori-item bg-white br-5">
                            <div class="categori-img d-flex align-items-center justify-content-center">
                                <img src="assets/img/product/product12.png" alt="img">
                            </div>
                            <div class="categori-name">
                                <span>Pet Care</span>
                            </div>
                        </a>
                    </div>

                    <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 mb-30">
                        <a href="shop.html" class="categori-item bg-white br-5">
                            <div class="categori-img d-flex align-items-center justify-content-center">
                                <img src="assets/img/product/product13.png" alt="img">
                            </div>
                            <div class="categori-name">
                                <span>Appliances</span>
                            </div>
                        </a>
                    </div>

                    <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 mb-30">
                        <a href="shop.html" class="categori-item bg-white br-5">
                            <div class="categori-img d-flex align-items-center justify-content-center">
                                <img src="assets/img/product/product14.png" alt="img">
                            </div>
                            <div class="categori-name">
                                <span>Baby Care</span>
                            </div>
                        </a>
                    </div>

                    <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 mb-30">
                        <a href="shop.html" class="categori-item bg-white br-5">
                            <div class="categori-img d-flex align-items-center justify-content-center">
                                <img src="assets/img/product/product15.png" alt="img">
                            </div>
                            <div class="categori-name">
                                <span>Office Products</span>
                            </div>
                        </a>
                    </div>

                    <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 mb-30">
                        <a href="shop.html" class="categori-item bg-white br-5">
                            <div class="categori-img d-flex align-items-center justify-content-center">
                                <img src="assets/img/product/product16.png" alt="img">
                            </div>
                            <div class="categori-name">
                                <span>Rice Items</span>
                            </div>
                        </a>
                    </div>
                </div>

            </div>
        </section> -->
        <!--====================================================================
            End categories-product Section
        =====================================================================-->




        <!--====================================================================
            Start advertise offer Section two
        =====================================================================-->
        <section class="advertise-offer pt-60 pb-60 rpt-20 rpb-20">
            <div class="container">
                <div class="row col-gap-40">
                    <div class="col-lg-6 rmb-30">
                        <div class="advertise d-flex align-items-center justify-content-between h-100 bg-color3 br-5">
                            <div class="advertise-text pt-40 pl-40 pb-40">
                                <h6>新鲜水果</h6>
                                <h3>健康 营养</h3>
                                <p>现摘现卖，您需要的新鲜，果农给您</p>
                                <a href="shop.html?id=1" class="theme-btn">立即选购</a>
                            </div>
                            <div class="advertise-img pr-20">
                                <img src="assets/img/product/f3.png" alt="">
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-6">
                        <div class="advertise d-flex align-items-center justify-content-between h-100 bg-color4 br-5">
                            <div class="advertise-text pt-40 pl-40 pb-40">
                                <h6>促销活动</h6>
                                <h3>实惠 难得</h3>
                                <p>丰收的季节，总是要普天同庆</p>
                                <a href="shop.html" class="theme-btn">立即选购</a>
                            </div>
                            <div class="advertise-img  pr-20">
                                <img src="assets/img/product/f4.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </section>
        <!--====================================================================
            End advertise offer Section two
        =====================================================================-->



        <!--====================================================================
            Start Made For You Section
        =====================================================================-->
        <section class="made-for-product text-center pt-45 pb-20">
            <div class="container">
                <div class="section-title mb-45">
                    <h2>您可能喜欢</h2>
                    <p>我们猜您喜欢这些</p>
                </div>
                <div class="row">

                    <!--single Product -->
                    <div class="custom-5-item col-xl-3 col-lg-4 col-md-6" v-for="sendProduct in sendProducts">
                        <div class="product">
                            <div class="product-img-wrap">
                                <img src="assets/img/product/product21.png" alt="img">
                                <!-- Button trigger modal -->
                               <!-- <button class="quick-view" type="button" data-toggle="modal" data-target="#quick-view" @click="getDetail(sendProduct.id)">查看</button> -->
                            </div>

                            <div class="product-content-wrap">
                                <div class="product-content">
                                    <p><a :href="'shop-details.html?id='+sendProduct.id">{{sendProduct.productName}}<br></a></p>
                                </div>
                                <div class="product-action">
                                    <a :href="'shop-details.html?id='+sendProduct.id" class="add-to-btn small-btn">
                                        <i class="flaticon-shopping-cart"></i>
                                        <span>立即购买</span>
                                        <h5 class="product-price">￥{{sendProduct.singlePrice}}</h5>
                                    </a>
                                    <div class="add-wishlist">
                                        <i class="fa fa-heart-o"></i>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>

                   <!-- single Product -->
                   <!-- <div class="custom-5-item col-xl-3 col-lg-4 col-md-6">
                        <div class="product">
                            <div class="product-img-wrap">
                                <img src="assets/img/product/product21.png" alt="img"> -->
                                <!-- Button trigger modal -->
                      <!--          <button class="quick-view" type="button" data-toggle="modal" data-target="#quick-view">Quick View</button>
                            </div>
                            <div class="product-content-wrap">
                                <div class="product-content">
                                    <p><a href="shop-details.html">Chashi Aromatic Chinigura Rice (1 Bag 5 kg)</a></p>
                                </div>
                                <div class="product-action">
                                    <a href="#" class="add-to-btn small-btn">
                                        <i class="flaticon-shopping-cart"></i>
                                        <span>Add to Cart</span>
                                        <h5 class="product-price">$120.00</h5>
                                    </a>
                                    <div class="add-wishlist">
                                        <i class="fa fa-heart-o"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div> -->

                    <!--single Product -->
                    <!-- <div class="custom-5-item col-xl-3 col-lg-4 col-md-6">
                        <div class="product">
                            <div class="product-img-wrap">
                                <img src="assets/img/product/product22.png" alt="img">
                                <button class="quick-view" type="button" data-toggle="modal" data-target="#quick-view">Quick View</button>
                            </div>
                            <div class="product-content-wrap">
                                <div class="product-content">
                                    <p><a href="shop-details.html">Fresh Carrot <br>(1 kg)</a></p>
                                </div>
                                <div class="product-action">
                                    <a href="#" class="add-to-btn small-btn">
                                        <i class="flaticon-shopping-cart"></i>
                                        <span>Add to Cart</span>
                                        <h5 class="product-price">$120.00</h5>
                                    </a>
                                    <div class="add-wishlist">
                                        <i class="fa fa-heart-o"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div> -->

                    <!--single Product -->
                    <!-- <div class="custom-5-item col-xl-3 col-lg-4 col-md-6">
                        <div class="product">
                            <div class="product-img-wrap">
                                <img src="assets/img/product/product23.png" alt="img">
                                <button class="quick-view" type="button" data-toggle="modal" data-target="#quick-view">Quick View</button>
                            </div>
                            <div class="product-content-wrap">
                                <div class="product-content">
                                    <p><a href="shop-details.html">Organic Fresh Onion Big Size (1kg)</a></p>
                                </div>
                                <div class="product-action">
                                    <a href="#" class="add-to-btn small-btn">
                                        <i class="flaticon-shopping-cart"></i>
                                        <span>Add to Cart</span>
                                        <h5 class="product-price">$120.00</h5>
                                    </a>
                                    <div class="add-wishlist">
                                        <i class="fa fa-heart-o"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div> -->

                    <!--single Product -->
                    <!-- <div class="custom-5-item col-xl-3 col-lg-4 col-md-6">
                        <div class="product">
                            <div class="product-img-wrap">
                                <img src="assets/img/product/product24.png" alt="img">
                                <button class="quick-view" type="button" data-toggle="modal" data-target="#quick-view">Quick View</button>
                            </div>
                            <div class="product-content-wrap">
                                <div class="product-content">
                                    <p><a href="shop-details.html">Healthy Organic Yellow <br>Papaya (1ps)</a></p>
                                </div>
                                <div class="product-action">
                                    <a href="#" class="add-to-btn small-btn">
                                        <i class="flaticon-shopping-cart"></i>
                                        <span>Add to Cart</span>
                                        <h5 class="product-price">$120.00</h5>
                                    </a>
                                    <div class="add-wishlist">
                                        <i class="fa fa-heart-o"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div> -->

                    <!--single Product -->
                    <!-- <div class="custom-5-item col-xl-3 col-lg-4 col-md-6">
                        <div class="product">
                            <div class="product-img-wrap">
                                <img src="assets/img/product/product25.png" alt="img">
                                <button class="quick-view" type="button" data-toggle="modal" data-target="#quick-view">Quick View</button>
                            </div>
                            <div class="product-content-wrap">
                                <div class="product-content">
                                    <p><a href="shop-details.html">Golden Collection Unsalted Roasted Pumpkin ( 1ps)</a></p>
                                </div>
                                <div class="product-action">
                                    <a href="#" class="add-to-btn small-btn">
                                        <i class="flaticon-shopping-cart"></i>
                                        <span>Add to Cart</span>
                                        <h5 class="product-price">$120.00</h5>
                                    </a>
                                    <div class="add-wishlist">
                                        <i class="fa fa-heart-o"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div> -->

                    <!--single Product -->
                    <!-- <div class="custom-5-item col-xl-3 col-lg-4 col-md-6">
                        <div class="product">
                            <div class="product-img-wrap">
                                <img src="assets/img/product/product26.png" alt="img">
                                <button class="quick-view" type="button" data-toggle="modal" data-target="#quick-view">Quick View</button>
                            </div>
                            <div class="product-content-wrap">
                                <div class="product-content">
                                    <p><a href="shop-details.html">Organic Yam/Sweet Potato <br>(1 kg)</a></p>
                                </div>
                                <div class="product-action">
                                    <a href="#" class="add-to-btn small-btn">
                                        <i class="flaticon-shopping-cart"></i>
                                        <span>Add to Cart</span>
                                        <h5 class="product-price">$120.00</h5>
                                    </a>
                                    <div class="add-wishlist">
                                        <i class="fa fa-heart-o"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div> -->

                    <!--single Product -->
                    <!-- <div class="custom-5-item col-xl-3 col-lg-4 col-md-6">
                        <div class="product">
                            <div class="product-img-wrap">
                                <img src="assets/img/product/product27.png" alt="img">
                                <button class="quick-view" type="button" data-toggle="modal" data-target="#quick-view">Quick View</button>
                            </div>
                            <div class="product-content-wrap">
                                <div class="product-content">
                                    <p><a href="shop-details.html">Organic Cauliflower <br>(1kg)</a></p>
                                </div>
                                <div class="product-action">
                                    <a href="#" class="add-to-btn small-btn">
                                        <i class="flaticon-shopping-cart"></i>
                                        <span>Add to Cart</span>
                                        <h5 class="product-price">$120.00</h5>
                                    </a>
                                    <div class="add-wishlist">
                                        <i class="fa fa-heart-o"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div> -->

                    <!--single Product -->
                    <!-- <div class="custom-5-item col-xl-3 col-lg-4 col-md-6">
                        <div class="product">
                            <div class="product-img-wrap">
                                <img src="assets/img/product/product28.png" alt="img">
                                <button class="quick-view" type="button" data-toggle="modal" data-target="#quick-view">Quick View</button>
                            </div>
                            <div class="product-content-wrap">
                                <div class="product-content">
                                    <p><a href="shop-details.html">Christopher Ranch Organic Garlic (500g)</a></p>
                                </div>
                                <div class="product-action">
                                    <a href="#" class="add-to-btn small-btn">
                                        <i class="flaticon-shopping-cart"></i>
                                        <span>Add to Cart</span>
                                        <h5 class="product-price">$120.00</h5>
                                    </a>
                                    <div class="add-wishlist">
                                        <i class="fa fa-heart-o"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div> -->

                    <!--single Product -->
                    <!-- <div class="custom-5-item col-xl-3 col-lg-4 col-md-6">
                        <div class="product">
                            <div class="product-img-wrap">
                                <img src="assets/img/product/product29.png" alt="img">
                                <button class="quick-view" type="button" data-toggle="modal" data-target="#quick-view">Quick View</button>
                            </div>
                            <div class="product-content-wrap">
                                <div class="product-content">
                                    <p><a href="shop-details.html">Fresh Corn on the Cob, color varies, each</a></p>
                                </div>
                                <div class="product-action">
                                    <a href="#" class="add-to-btn small-btn">
                                        <i class="flaticon-shopping-cart"></i>
                                        <span>Add to Cart</span>
                                        <h5 class="product-price">$120.00</h5>
                                    </a>
                                    <div class="add-wishlist">
                                        <i class="fa fa-heart-o"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div> -->

                    <!--single Product -->
                    <!-- <div class="custom-5-item col-xl-3 col-lg-4 col-md-6">
                        <div class="product">
                            <div class="product-img-wrap">
                                <img src="assets/img/product/product30.png" alt="img">
                                <button class="quick-view" type="button" data-toggle="modal" data-target="#quick-view">Quick View</button>
                            </div>
                            <div class="product-content-wrap">
                                <div class="product-content">
                                    <p><a href="shop-details.html">Organic Granny Smith Apple (4ps)</a></p>
                                </div>
                                <div class="product-action">
                                    <a href="#" class="add-to-btn small-btn">
                                        <i class="flaticon-shopping-cart"></i>
                                        <span>Add to Cart</span>
                                        <h5 class="product-price">$120.00</h5>
                                    </a>
                                    <div class="add-wishlist">
                                        <i class="fa fa-heart-o"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div> -->

                    <!--single Product -->
                    <!-- <div class="custom-5-item col-xl-3 col-lg-4 col-md-6">
                        <div class="product">
                            <div class="product-img-wrap">
                                <img src="assets/img/product/product31.png" alt="img">
                                <button class="quick-view" type="button" data-toggle="modal" data-target="#quick-view">Quick View</button>
                            </div>
                            <div class="product-content-wrap">
                                <div class="product-content">
                                    <p><a href="shop-details.html">Organic Yellow Banana <br>(4ps)</a></p>
                                </div>
                                <div class="product-action">
                                    <a href="#" class="add-to-btn small-btn">
                                        <i class="flaticon-shopping-cart"></i>
                                        <span>Add to Cart</span>
                                        <h5 class="product-price">$120.00</h5>
                                    </a>
                                    <div class="add-wishlist">
                                        <i class="fa fa-heart-o"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div> -->

                    <!--single Product -->
                    <!-- <div class="custom-5-item col-xl-3 col-lg-4 col-md-6">
                        <div class="product">
                            <div class="product-img-wrap">
                                <img src="assets/img/product/product32.png" alt="img">
                                <button class="quick-view" type="button" data-toggle="modal" data-target="#quick-view">Quick View</button>
                            </div>
                            <div class="product-content-wrap">
                                <div class="product-content">
                                    <p><a href="shop-details.html">Danish Full Cream Milk Powder</a></p>
                                </div>
                                <div class="product-action">
                                    <a href="#" class="add-to-btn small-btn">
                                        <i class="flaticon-shopping-cart"></i>
                                        <span>Add to Cart</span>
                                        <h5 class="product-price">$120.00</h5>
                                    </a>
                                    <div class="add-wishlist">
                                        <i class="fa fa-heart-o"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div> -->

                    <!--single Product -->
                    <!-- <div class="custom-5-item col-xl-3 col-lg-4 col-md-6">
                        <div class="product">
                            <div class="product-img-wrap">
                                <img src="assets/img/product/product33.png" alt="img">
                                <button class="quick-view" type="button" data-toggle="modal" data-target="#quick-view">Quick View</button>
                            </div>
                            <div class="product-content-wrap">
                                <div class="product-content">
                                    <p><a href="shop-details.html">Valencia Juicing Oranges <br>(4ps)</a></p>
                                </div>
                                <div class="product-action">
                                    <a href="#" class="add-to-btn small-btn">
                                        <i class="flaticon-shopping-cart"></i>
                                        <span>Add to Cart</span>
                                        <h5 class="product-price">$120.00</h5>
                                    </a>
                                    <div class="add-wishlist">
                                        <i class="fa fa-heart-o"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div> -->

                    <!--single Product -->
                    <!-- <div class="custom-5-item col-xl-3 col-lg-4 col-md-6">
                        <div class="product">
                            <div class="product-img-wrap">
                                <img src="assets/img/product/product34.png" alt="img">
                                <button class="quick-view" type="button" data-toggle="modal" data-target="#quick-view">Quick View</button>
                            </div>
                            <div class="product-content-wrap">
                                <div class="product-content">
                                    <p><a href="shop-details.html">Organic Red Seedless Grapes (500g)</a></p>
                                </div>
                                <div class="product-action">
                                    <a href="#" class="add-to-btn small-btn">
                                        <i class="flaticon-shopping-cart"></i>
                                        <span>Add to Cart</span>
                                        <h5 class="product-price">$120.00</h5>
                                    </a>
                                    <div class="add-wishlist">
                                        <i class="fa fa-heart-o"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div> -->

                    <div class="blog-btn text-center w-100 mt-25 mb-30"><a href="shop.html" class="theme-btn br-30">更多...</a></div>


                    <!--==================================== Start product-quick-view //product-modal  ================-->
                    <div class="modal product-modal fade" id="quick-view" tabindex="-1" role="dialog"  aria-hidden="true">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                                <div class="modal-body p-35 pt-0">


                                    <div class="product-quick-view">
                                        <div class="container">
                                            <div class="row">
                                                <div class="col-lg-6">
                                                    <div class="product-preview-wrap">
                                                        <div class="tab-content bg-white p-50 b1 br-5">
                                                            <div class="tab-pane" id="preview1">
                                                                <img src="assets/img/product/product23.png" alt="Product Preview Image" data-magnify-src="assets/img/product/product23.png" />
                                                            </div>
                                                            <div class="tab-pane active" id="preview2">
                                                                <img src="assets/img/product/onion3.png" alt="Product Preview Image" data-magnify-src="assets/img/product/onion3.png" />
                                                            </div>
                                                            <div class="tab-pane" id="preview3">
                                                                <img src="assets/img/product/product23.png" alt="Product Preview Image" data-magnify-src="assets/img/product/product23.png" />
                                                            </div>
                                                            <div class="tab-pane" id="preview4">
                                                                <img src="assets/img/product/onion2.png" alt="Product Preview Image" data-magnify-src="assets/img/product/onion2.png" />
                                                            </div>
                                                        </div>

                                                        <ul class="nav nav-tabs flex-nowrap align-content-between mt-30">
                                                            <li>
                                                                <a data-toggle="tab" href="#preview1">
                                                                    <img src="assets/img/product/product23.png" alt="Product Thumbnail Image" />
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a class="active" data-toggle="tab" href="#preview2">
                                                                    <img src="assets/img/product/onion3.png" alt="Product Thumbnail Image" />
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a data-toggle="tab" href="#preview3">
                                                                    <img src="assets/img/product/product23.png" alt="Product Thumbnail Image" />
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a data-toggle="tab" href="#preview4">
                                                                    <img src="assets/img/product/onion2.png" alt="Product Thumbnail Image" />
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="product-details text-left bg-white ml-25 px-50 py-45 b1 br-5">
                                                        <h3 class="mb-25 rmt-25">{{sendProductsDetail.productName}}</h3>
                                                        <div class="rating mb-25">
                                                            <div class="star mr-15">
                                                                <i class="fa fa-star"></i>
                                                                <i class="fa fa-star"></i>
                                                                <i class="fa fa-star"></i>
                                                                <i class="fa fa-star"></i>
                                                                <i class="fa fa-star"></i>
                                                            </div>
                                                            <!-- <div class="text">(13 Review)</div> -->
                                                        </div>
                                                        <p>{{sendProductsDetail.remark}}</p>
                                                        <p>{{sendProductsDetail.remark}}</p>

                                                        <!-- <h6>Availability: <span>In Stock</span></h6> -->
                                                        <h4 class="price">{{sendProductsDetail.singlePrice}}</h4>

                                                        <div class="product-spinner mt-20">
                                                            <div class="number-input b1">
                                                              <button class="minus"></button>
                                                              <input min="1" name="quantity" value="1" type="number">
                                                              <button class="plus"></button>
                                                            </div>
                                                            <a href="#" class="theme-btn br-30 ml-20">立即购买</a>
                                                            <div class="add-wishlist">
                                                                <i class="fa fa-heart-o"></i>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>

                    <!--==================================== end product-quick-view //product-modal  ================-->


                </div>

            </div>
        </section>

        <!--====================================================================
            End Made For You Section
        =====================================================================-->


        <!--====================================================================
           Start Delivery Process Section
       =====================================================================-->
        <!-- <section class="how-work text-center pt-60 pb-60 rpt-20 rpb-20">
            <div class="container">
                <div class="section-title">
                    <h2>Delivery Process</h2>
                    <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
                </div>
                <div class="row">
                    <div class="col-md-3">
                        <div class="work-box down-dashed">
                            <span class="work-number"><i class="flaticon-shopping-cart"></i></span>
                            <h5>Step 1</h5>
                            <span class="line"></span>
                            <p>Choose Your Product</p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="work-box up-dashed">
                            <span class="work-number"><i class="flaticon-harvest"></i></span>
                            <h5>Step 2</h5>
                            <span class="line"></span>
                            <p>Local Farm Product It</p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="work-box down-dashed">
                            <span class="work-number"><i class="flaticon-address"></i></span>
                            <h5>Step 3</h5>
                            <span class="line"></span>
                            <p>Pick Up From Local Spot</p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="work-box">
                            <span class="work-number"><i class="flaticon-delivery-truck"></i></span>
                            <h5>Step 4</h5>
                            <span class="line"></span>
                            <p>We Can Delivery it Fast</p>
                        </div>
                    </div>
                </div>
            </div>
        </section> -->
        <!--====================================================================
           End Delivery Process Section
       =====================================================================-->




        <!--====================================================================
           Start Latest News Section
       =====================================================================-->
        <!-- <section class="latest-news pt-10 pb-90 rpb-50">
            <div class="container">
                <div class="section-title text-center mb-45">
                    <h2>Our Latest News</h2>
                    <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
                </div>

                <div class="row col-gap-60">

                    <div class="col-xl-3 col-lg-4 col-md-6">
                        <div class="latest-news-box mb-30">
                            <div class="latest-news-img">
                                <img src="assets/img/blog/blog-1.png" alt="Blog Image">
                            </div>
                            <div class="latest-news-content">
                                <div class="post-title br-5">
                                    <span class="date">14 Aug , 2019</span>
                                    <h5><a href="blog-details.html">Sunday Morning Banana Pancakes</a></h5>
                                </div>
                                <p>Lorem ipsum dolor sit consectetuer adipiscing. Donec odio. Quisque volutpat mattis eros.</p>
                                <div class="blog-meta">
                                    <div class="post-author">
                                        <img src="assets/img/blog/post-author1.png" alt="Post Author">
                                        <span>Scott M. Sackett</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-3 col-lg-4 col-md-6">
                        <div class="latest-news-box mb-30">
                            <div class="latest-news-img">
                                <img src="assets/img/blog/blog-2.png" alt="Blog Image">
                            </div>
                            <div class="latest-news-content">
                                <div class="post-title br-5">
                                    <span class="date">14 Aug , 2019</span>
                                    <h5><a href="blog-details.html">How To Create a Holiday Dessert Bar</a></h5>
                                </div>
                                <p>Lorem ipsum dolor sit consectetuer adipiscing. Donec odio. Quisque volutpat mattis eros.</p>
                                <div class="blog-meta">
                                    <div class="post-author">
                                        <img src="assets/img/blog/post-author3.png" alt="Post Author">
                                        <span>Sergio L. Weis</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-3 col-lg-4 col-md-6">
                        <div class="latest-news-box mb-30">
                            <div class="latest-news-img">
                                <img src="assets/img/blog/blog-2.png" alt="Blog Image">
                            </div>
                            <div class="latest-news-content">
                                <div class="post-title br-5">
                                    <span class="date">14 Aug , 2019</span>
                                    <h5><a href="blog-details.html">Gluten Free Peanut Butter Pear Bites</a></h5>
                                </div>
                                <p>Lorem ipsum dolor sit consectetuer adipiscing. Donec odio. Quisque volutpat mattis eros.</p>
                                <div class="blog-meta">
                                    <div class="post-author">
                                        <img src="assets/img/blog/post-author6.png" alt="Post Author">
                                        <span>Frank L. Anguiano</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-3 col-lg-4 col-md-6">
                        <div class="latest-news-box mb-30">
                            <div class="latest-news-img">
                                <img src="assets/img/blog/blog-4.png" alt="Blog Image">
                            </div>
                            <div class="latest-news-content">
                                <div class="post-title br-5">
                                    <span class="date">14 Aug , 2019</span>
                                    <h5><a href="blog-details.html">A Beautiful Sunday Morning</a></h5>
                                </div>
                                <p>Lorem ipsum dolor sit consectetuer adipiscing. Donec odio. Quisque volutpat mattis eros.</p>
                                <div class="blog-meta">
                                    <div class="post-author">
                                        <img src="assets/img/blog/post-author4.png" alt="Post Author">
                                        <span>Charlene P. Garza</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

            </div>
        </section> -->
        <!--====================================================================
           End Latest News Section
       =====================================================================-->



        <!--====================================================================
                            Start footer section
        =====================================================================-->
        <footer class="footer bg-black pt-100 text-lg-left text-center">
            <div class="container">
                <div class="row">

                    <!--Footer Column-->
                    <div class="col-lg-3 col-md-12 mb-30">
                        <div class="footer-widget logo-widget mr-20">
                            <div class="footer-logo">
                                <a href="index.html"><img src="assets/img/logo.png" alt="footer logo"></a>
                            </div>
                            <p>坚持农业农村优先发展，要推动城乡融合发展。破解城乡发展不平衡不协调的矛盾，必须打破城乡二元的制度藩篱，重塑城乡关系，让广大农民平等参与现代化进程。</p>
                           <!-- <div class="footer-social-icon">
                                <ul class="social-style-one">
                                    <li><a href="#"><i class="fa fa-facebook-f"></i></a></li>
                                    <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                    <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                                    <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                                </ul>
                            </div> -->
                        </div>
                    </div>

                    <!--Footer Column-->
                    <div class="col-lg-2 col-md-3 mb-30">
                        <div class="footer-widget links-widget float-lg-right mr-40">
                            <h5 class="footer-title mb-30">快捷导航</h5>
                            <ul class="list">
                                <li><a href="index.html">主页</a></li>
                                <li><a href="shop.html">商品</a></li>
                                <li><a href="sign-in.html">登录</a></li>
                                <!-- <li><a href="#">CONTACT</a></li> -->
                            </ul>
                        </div>
                    </div>

                    <!--Footer Column-->
                    <div class="col-lg-4 col-md-5 mb-30">
                        <div class="footer-widget form-widget ml-115 mr-30">
                            <h5 class="footer-title mb-30">坚持农业农村优先发展</h5>
                            <p>中央农村工作会议日前在北京举行。会议研究部署了坚持农业农村优先发展的政策措施，是事关脱贫攻坚和乡村振兴的又一次重要会议。明后两年是全面建成小康社会的关键时期，是打赢脱贫攻坚战和实施乡村振兴战略的历史交汇期，做好“三农”工作具有重大意义。会议为做好明后两年“三农”工作确定了基调，为加快实施乡村振兴战略指明了方向，是推进“三农”事业的响鼓重槌。</p>
                            <!-- <form class="subscribe">
                                <input type="email" placeholder="Your Email For Notify" required>
                                <button type="submit">Send</button>
                            </form> -->
                        </div>
                    </div>

                    <!--Footer Column-->
                    <div class="col-lg-3 col-md-4 mb-30">
                        <div class="footer-widget pament-widget">
                            <h5 class="footer-title mb-30">Payment</h5>
                            <ul class="list">
                                <li><a href="#"><img src="assets/img/pay-method/visa.png" alt=""></a></li>
                                <li><a href="#"><img src="assets/img/pay-method/mastercard.png" alt=""></a></li>
                                <li><a href="#"><img src="assets/img/pay-method/discover.png" alt=""></a></li>
                                <li><a href="#"><img src="assets/img/pay-method/americanexpress.png" alt=""></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12">

                        <!-- Copyright Area-->
                        <div class="copyright text-center pl-10 pr-10 pt-30 pb-10 mt-55 rmt-35 mb-65">
                            <p>Copyright &copy; 2020.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                        </div>

                    </div>
                </div>

            </div>
        </footer>
        <!--====================================================================
                                End footer section
        =====================================================================-->



    </div>
	</div>
    <!--End pagewrapper-->


    <!-- Scroll Top Button -->
    <button class="scroll-top scroll-to-target" data-target="html"><span class="fa fa-angle-up"></span></button>


    <!-- jequery plugins -->
    <script src="assets/js/jquery.min.js"></script>
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="assets/js/bootstrap-v4.1.3.min.js"></script>
    <script src="assets/js/jquery.nice-select.min.js"></script>
    <script src="assets/js/jquery.simpleLoadMore.min.js"></script>
    <script src="assets/js/slick.min.js"></script>
    <script src="assets/js/appear.js"></script>

    <!-- Custom script -->
    <script src="assets/js/script.js"></script>
	<script src="assets/js/vue.js"></script>
	<script src="assets/js/axios.min.js"></script>
	<script src="assets/js/vue-router.js"></script>

	<script>
		var user;
		
        var v;
		var vue=new Vue({
			el:"#index",
			data:{
				classifyList:[{
                    id: 0, classifyName: null, icon: null, bigIcon: null, description: null
                }],
				productByclassify:[],
				newProducts:[],
				sendProducts:[],
				sendProductsDetail:{},
				islogin:true,
                pageSize:5
			},
			methods:{
				classfiyLoad:function(){

				    $.get('http://192.168.1.19:8080/products/getClassify',function (resp) {
				        
                        var str=resp.data.list;
                        v.classifyList=str;
                        console.log("*******"+v.classifyList)
                    });
					/*$.get('localhost:8080/products/getClassfiy').then(resp=>{
						console.log(resp);
						this.classifyList=resp.data.data.list;
					}).catch(error=>{
						console.log(error);
					})*/
				},
				getNewProducts:function(pageSize){
					$.get('http://192.168.1.19:8080/products/getNewProducts',{pageSize:pageSize},function (resp) {
					    console.log("******获取新产品******");
						console.log(resp.data);
                        v.newProducts=resp.data.list;
                    })
				},
				getSendProducts:function(){
					$.get("http://192.168.1.19:8080/products/getSendProducts",{pageSize:15},function (resp) {
                        console.log("****推送产品****");
                        console.log(resp.data);
                        v.sendProducts=resp.data;
                        console.log(v.sendProducts);
                    })
				},
				getDetail:function(id){
					axios.get("192.168.1.19:8080/products/getSendProductsDetail",{params:{id:id}}).then(resp=>{
						console.log(resp);
						this.sendProductsDetail=resp.data.data;
					}).catch(error=>{
						console.log(error);
					})
				},
				isLogin:function(){
					if(user!=null){
						this.islogin= false;
					}else{
						this.islogin=true;
					}
				}
				},
			mounted:function(){
			    console.log("加载-----------")
				user=sessionStorage.getItem('user');
				console.log(user);
                v=this;
				this.classfiyLoad();
				this.getNewProducts(this.pageSize);
				this.getSendProducts();
				this.isLogin();
			}
		})
	</script>

</body>

</html>
